<template>
		<div class="m-page-main " style="height: 570px;">
			<div class="m-card clearfix pb55" style="height: 570px;">
        <div class="edit-info">
          上次修改情况: <span class="edit-info-link">审核通过</span> <span class="edit-info-link">查看</span> <span class="edit-info-time">2021-08-06 00:00:00</span>
        </div>
        <Divider></Divider>
        <el-row>
          <el-col :span="12">
            <div class="form-info">
              <span>名 称:</span> {{ info.title }}
            </div>
            <div class="form-info">
              <span>邮  箱:</span> {{ info.mail }}
            </div>
            <div class="form-info">
              <span>地  址:</span> {{ info.address }}
            </div>
            <div class="form-info">
              <span>赞助商:</span> {{ info.sponsor }}
            </div>
          </el-col>
          <el-col :span="12">
              <div class="form-info">
                <span>电  话:</span> {{ info.mobile }}
              </div>
          </el-col>
            <el-col :span="24" style="margin-top: 20px">
              <div class="form-info">
                <span>LOGO:</span> <img class="info-card" :src="info.logoimage"/>
                <span>微信订阅号:</span> <img class="info-card" :src="info.wximage"/>
                <span>车迷俱乐部:</span> <img class="info-card" :src="info.clubimage"/>
              </div>
          </el-col>
        </el-row>
			</div>
			
			
		</div>
</template>
<script>
import { getcmsmotorcadeinfo } from '@/api'
import { Divider } from 'element-ui'
export default {
  components: {
    Divider
  },
  data () {
    return {
      info: {}
    }
  },
  created () {
    this.getUserInfo()
  },
  methods: {
    getUserInfo () {
      const id = this.$route.params.id
      getcmsmotorcadeinfo({cmsmotorcadeid:id}).then(res => {
        if (res.data.code === 1) {
          this.info = res.data.data
        } else {
          this.$message(res.data.msg)
        }
      })
    }
  },
  filters: {
    gender (data) {
      return data ? '男': '女'
    },
    paper (data) {
      return data ? '身份证': ''
    },
    fullImage (src) {
      return src ? '' + src : ''
    }
  }
}
</script>
<style scoped>

.m-page-main {
    width: 995px;
    float: right;
    margin-right: 2px;
}
.edit-info {
  color: #7d7d7d;
  font-size: 16px;
}
.edit-info .edit-info-link {
  color: #3f87f5;
}
.edit-info-time {
  display: inline-block;
  margin-left: 140px; 
}
.m-card {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.m-card {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: 27px 48px;
    
}
.form-info {
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  color: #555;
}
.form-info span {
  color: #7d7d7d
}
.person-images-2-box{
  margin-top: 30px;
  color: rgb( 125, 125, 125 );
  font-size: 16px;
  text-align: center;
  width: 150px;
  margin-bottom: 12px;
}
.person-images-2 {
  width: 150px;
  height: 200px;
  border: 1px solid rgb( 220, 220, 220 );
  margin-bottom: 15px;
}

.person-images-2 img{
  background-color: rgb( 126, 206, 244 );
  width: 135px;
  height: 182px;
  display: inline-block;
  content: "";
  margin: 9px 7px;
}
.info-card {
  display: inline-block;
  width: 78px;
  height: 78px;
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 45px;
}
</style>
